<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>单行输入框</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript" src="/plug-in/jquery-easyui-1.5.1/jquery.min.js"></script>
<script type="text/javascript" src="/plug-in/jquery-easyui-1.5.1/jquery.easyui.min.js"></script>
<script type="text/javascript" src="/plug-in/jquery-easyui-1.5.1/locale/easyui-lang-zh_CN.js"></script>
<link rel="stylesheet" type="text/css" href="/plug-in/jquery-easyui-1.5.1/themes/icon.css"/>
<link rel="stylesheet" type="text/css" href="/plug-in/jquery-easyui-1.5.1/themes/default/easyui.css"/>
<script type="text/javascript" src="/plug-in/ueditor/dialogs/internal.js"></script>
<style type="text/css">
	.accordion .accordion-header-selected { background: rgb(224, 236, 255);}
	.box .item{ display: inline-block; display: -moz-inline-stack; zoom: 1;  margin-top: 8px; margin-left: 5px; }
</style>
<script type="text/javascript">
	//var CP = editor.CONTEXT_PATH;
</script>
</head>
<body>
	<form action="" style="height: 290px;width: 100%;">
	<div id="aa" class="easyui-accordion" style="width:100%;" fit="true">   
	    <div title="基础信息" data-options="selected:true" style="overflow:auto;padding:10px;">
	    	<div class="box">
	    		<div class="item">
		    		<input class="easyui-textbox" name="label" style="width:200px;" data-options="label:'属性标题:',required:true,labelWidth:60" />
	    		</div>
	    		<div class="item">
		    		<input class="easyui-numberbox" name="labelWidth" style="width:200px;" value="100" data-options="label:'属性宽度:',required:true,labelWidth:60,min:0,precision:0" />
	    		</div>
	    		<div class="item">
		    		<input class="easyui-numberbox" name="width" style="width:200px;" value="100" data-options="label:'输入宽度:',required:true,labelWidth:60,min:0,precision:0" />
	    		</div>
	    		<div class="item">
		    		<select class="easyui-combobox"  name="textAlign" style="width:200px;" data-options="label:'对齐方式:',labelWidth:60">
			    		<option value="left">左对齐</option>
			    		<option value="center">居中</option>
			    		<option value="right">右对齐</option>
			    	</select>
	    		</div>
	    		<br/>
	    		<div class="item">
	    			<input class="easyui-switchbutton" id="isBorder" data-options="onText:'开启边框',offText:'屏蔽边框',width:200" />
	    		</div>
	    		
	    		<div class="item">
	    			<input class="easyui-switchbutton" id="isUnderline" data-options="onText:'开启下划线',offText:'屏蔽下划线',width:200" />
	    		</div>
	    		
	    	</div>
	    </div>   
	    <div title="数据库相关信息" data-options="" style="padding:10px;">
	    	<div class="box">
		    	<div class="item">
			    	<input class="easyui-textbox" name="dbKey" style="width:200px;" data-options="label:'Key名称:',required:true,labelWidth:60"   />
		    	</div>
		    	<div class="item">
			    	<input class="easyui-textbox" name="dbLength" style="width:200px;" data-options="label:'长度:',required:true,labelWidth:60"  />
		    	</div>
	    	</div>
	    </div>   
	    <div title="其他信息" style="padding:10px;">   
	    	<div class="box">
		    	<div class="item">
		    		<input class="easyui-textbox" name="value" multiline=true style="width:500px;height: 50px;" data-options="label:'计算公式:',required:false,labelWidth:60" />
		    	</div>
		    	<div class="item">
		    		<input class="easyui-numberspinner" name="prec" style="width:200px;" value="2" data-options="label:'结果精度:',required:false,labelWidth:60,min:0,max:5,precision:0" />
		    	</div>
	    	</div>
	    </div>   
	</div>  
	</form>
</body>
</html>